<template>
  <div class="home-page">
      <tab-bar :tags="tags"></tab-bar>
      <!-- <page-body></page-body>-->
      <router-view></router-view>
      <Footer></Footer>
  </div>
</template>

<script>
import TabBar from "./header/TabBar";
import PageBody from "./body/PageBody";
import Footer from "./footer/Footer";

export default {
  name: "Main",
  data(){
    return {
      value:'123',
      tags:[
        {
          name:'首页',
          fonticon:'iconrhome',
          link:{
            name:'Home',
            params:{
              id:'123'
            }
          }
        },
        {
          name:'分类',
          fonticon:'iconcategory',
          link:{
            path:'/category'
          }
        },
        {
          name:'留言板',
          fonticon:'iconmessage',
          link:{
            path:'/message'
          }
        }
      ]
    }
  },
  components:{
    TabBar,PageBody,Footer
  }
}
</script>

<style>

</style>